* {
    margin: 0;
    padding: 0;
}
html,body {
    height: 100%;
    font:14px/1.5 "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option,p,th,td {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    color: #333;
    background: #fff;
    line-height: 150%;
}
i,b,em {
    font-style: normal;
    font-weight: normal;
}
img {
    border: 0;
    vertical-align: middle;
}
li,ol,ul {
    list-style-type: none;
}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {

    color:    #ccc;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:    #ccc;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    color:    #ccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color:    #ccc;
}

input:focus {
    outline: none
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clearfix {
    clear: both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}
.hide {
    display: none;
}
a {
    text-decoration: none;
    color: #333;
}
a:hover {
    text-decoration: none;
}

/*自适应字体媒体查询*/
@media (min-width:0px) {
    html{font-size:12px;}
}
@media (min-width: 320px) {
    html{font-size:12px;}
}
@media (min-width: 360px) {
    html{font-size:14px;}
}
@media (min-width: 420px) {
    html{font-size:16px;}
}
@media (min-width: 768px) {
    html{font-size:18px;}
}
@media (min-width: 768px) {
    html{font-size:20px;}
}